import React, {Component} from 'react';

import styles from './UserLoophole.css';


class UserLoophole extends Component{
  constructor(props){
    super(props);
    this.handleChange = this.handleChange.bind(this);
    this.callBackQueryList = this.callBackQueryList.bind(this);
  }

  handleChange(event) {
    this.setState({ [event.target.name] : event.target.value});
  }


  callBackQueryList(order,isSuccess){
    if(isSuccess){
      this.setState({orderGift: order.data.dataList});
    }
  }

  render() {
    return (
      <div className={styles.user_body}>
        <div className={styles.body_header}>
          <div className={styles.header_shop}>
            <div className={styles.shop_pic}><i></i></div>
            <div className={styles["shop_info-1"]}>
              <p className={styles["info-1_shop"]}>
                <span className={styles["shop_text"]}>我报告的漏洞</span>
                <span className={styles.shop_gift}>
                <span className={styles.gift_num}>0</span>
                个
              </span>
              </p>
            </div>
          </div>
        </div>
        <div className={styles.body_content}>
          <div className={styles["mod-sheet"]}>
            <div className={styles.sheet_header}>
              <p className={styles.header_title}>漏洞记录</p>
              <div className={styles.header_sift}>
                <div className={styles.sift_select}>
                  <select name="" id="select-type">
                      <option value="0">所有状态</option>
                      <option value="1">未完成</option>
                      <option value="2">已完成</option>
                      <option value="3">已忽略</option>
                  </select>
                </div>
                <div className={styles["mod-form-search"]}>
                  <input id="prize-search" className={styles["form-search_input"]} type="text" placeholder="搜索漏洞名称" value="" onChange={this.handleChange}/>
                  <input id="prize-search-btn" className={styles["form-search_submit"]} type="button" value=""/>
                </div>
              </div>
            </div>
            <div className={styles.sheet_body}>
              <table className={styles.body_table}>
                <thead>
                <tr>
                  <th className={styles["th-1"]}>提交时间</th>
                  <th className={styles["th-2"]}>漏洞名称</th>
                  <th className={styles["th-3"]}>当前状态</th>
                  <th className={styles["th-4"]}>贡献值评分</th>
                </tr>
                </thead>
              </table>
            </div>

          </div>
        </div>
      </div>
    );
  }
}
export default UserLoophole
